<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>语义标签</title>
</head>
<body>
    <header>
        <h1>我是页面标题</h1>
    </header>
    
    <nav>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">公司概况</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </nav>
    <!-- 无具体语义，非常适合阅读模式 -->
    <main>
        <!-- 有意义的独立信息区域 -->
        <article>
            <header>
            <h1>新闻标题</h1>
            <h2>新闻副标题</h2>
            </header>
            <!-- 信息内容中的不同区域 -->
            <section>
                新闻作者，发表时间，阅读次数等信息
            </section>
            <section>新闻主要内容</section>
            <section>
                <p>发表讨论</p>
            </section>
            <footer>
                作者简介和用户名

            </footer>
        </article>
        <!-- 独立相关内容 -->
        <aside>
            当前内容相关的其他新闻内容
        </aside>
    </main>

    <footer>
        <p>页面底部</p>
        <!-- 指明地址信息 -->
        <address>地址：江西省九江市濂溪区</address>
    </footer>
    <aside>侧边栏</aside>
    <article>
        我是文章
    </article>
    
</body>
</html>